<template>
  <div class="app-container">
    <div class="page-header">
      <el-button type="primary" @click="genQrCode">生成二维码</el-button>
    </div>
    <div class="content">
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="id" label="ID" />
        <el-table-column prop="productId" label="订阅名称" />
        <el-table-column prop="productId" label="订阅ID" />
      </el-table>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const tableData = ref([])
const genQrCode = () => {}
</script>

<style lang="scss" scoped>
.app-container {
  margin: 20px;
  padding: 20px;
  background-color: #fff;
  .page-header {
    margin-bottom: 15px;
  }
}
</style>
